This matrix contains simple CSS1 test cases within a XHTML 1.0 Transitional DTD. The matrix contains two columns: Property/Value and Test Case name. The layout and
rendering of the test should be identical to a HTML document using the same CSS1 properties.
| PROPERTY/VALUE |
TEST CASE NAME |
| CONTAINMENT IN HTML |
|
| Link to external style sheet |
containment_external.xml |
| 'STYLE' in the 'HEAD' |
containment_style_head.xml |
| 'STYLE' in the element |
containment_style_element.xml |
| @import |
containment_import.xml |
| GROUPING |
|
| Comma separated |
grouping_separate.xml |
| Grouped declarations |
grouping_grouped.xml |
| INHERITANCE |
|
| Inheritance |
inheritance.xml |
| SELECTORS |
|
| Class |
selector_class.xml |
| ID |
selector_id.xml |
| Contexual |
selector_contexual.xml |
| COMMENTS |
|
| Comments |
comments.xml |
| PSEUDO CLASSES/ELEMENTS |
|
| Pseudo Class |
pseudo_class.xml |
| Pseudo Element |
pseudo_element.xml |
| CASCADE |
|
| !Important Rule |
cascade_important.xml |
| Cascading Order |
cascade_order.xml |
| FONT PROPERTIES |
|
| font-family |
|
| family-name |
font_family_name.xml |
| generic-name |
font_generic.xml |
| family-name, generic-name |
Refer to font_family_name.xml |
| font-style |
|
| normal |
font_style_normal.xml |
| italic |
font_style_italic.xml |
| oblique |
font_style_oblique.xml |
| font-variant |
|
| normal |
font_variant_normal.xml |
| small-caps |
font_variant_smallcaps.xml |
| font-weight |
|
| normal |
font_weight_normal.xml |
| bold |
font_weight_bold.xml |
| bolder |
font_weight_bolder.xml |
| lighter |
font_weight_lighter.xml |
| 100 |
font_weight_100.xml |
| 200 |
font_weight_200.xml |
| 300 |
font_weight_300.xml |
| 400 |
font_weight_400.xml |
| 500 |
font_weight_500.xml |
| 600 |
font_weight_600.xml |
| 700 |
font_weight_700.xml |
| 800 |
font_weight_800.xml |
| 900 |
font_weight_900.xml |
| font-size |
|
| xx-small |
font_size_xxsmall.xml |
| x-small |
font_size_xsmall.xml |
| small |
font_size_small.xml |
| medium |
font_size_medium.xml |
| large |
font_size_large.xml |
| x-large |
font_size_xlarge.xml |
| xx-large |
font_size_xxlarge.xml |
| larger |
font_size_larger.xml |
| smaller |
font_size_smaller.xml |
| em |
font_size_em.xml |
| ex |
font_size_ex.xml |
| px |
font_size_px.xml |
| in |
font_size_in.xml |
| cm |
font_size_cm.xml |
| mm |
font_size_mm.xml |
| pt |
font_size_pt.xml |
| pc |
font_size_pc.xml |
| percentage |
font_size_pct.xml |
| font |
|
| font-style, font-variant, font-weight, font-size, font-family |
font_shorthand_stvwszf.xml |
| font-style, font-variant, font-size, font-family |
font_shorthand_stvszf.xml |
| font-style, font-variant, font-size, /line-height, font-family |
font_shorthand_stvszhf.xml |
| font-style, font-weight, font-size, font-family |
font_shorthand_stwszf.xml |
| font-style, font-weight, font-size, /line-height, font-family |
font_shorthand_stwszhf.xml |
| font-style, font-size, font-family |
font_shorthand_stszf.xml |
| font-style, font-size, /line-height, font-family |
font_shorthand_stszhf.xml |
| font-style, font-variant, font-weight, font-size, /line-height, font-family |
font_shorthand_stvwszhf.xml |
| font-variant, font-weight, font-size, font-family |
font_shorthand_vwszf.xml |
| font-variant, font-weight, font-size, /line-height, font-family |
font_shorthand_vwszhf.xml |
| font-variant, font-size, font-family |
font_shorthand_vszf.xml |
| font-variant, font-size, /line-height, font-family |
font_shorthand_vszhf.xml |
| font-weight, font-size, font-family |
font_shorthand_wszf.xml |
| font-weight, font-size, /line-height, font-family |
font_shorthand_wszhf.xml |
| font-size, font-family |
font_shorthand_szf.xml |
| font-size, /line-height, font-family |
font_shorthand_szhf.xml |
| COLOR/BACKGROUND PROPERTIES |
|
| color |
|
| |
color_all.xml |
| |
color_all_rgb3.xml |
| |
color_all_rgb6.xml |
| aqua |
see above |
| black |
see above |
| blue |
see above |
| fuchsia |
see above |
| gray |
see above |
| green |
see above |
| lime |
see above |
| maroon |
see above |
| navy |
see above |
| olive |
see above |
| purple |
see above |
| red |
see above |
| silver |
see above |
| teal |
see above |
| white |
see above |
| yellow |
see above |
| background-color |
|
| |
background_color_all.xml |
| |
background_color_all_rgb3.xml |
| |
background_color_all_rgb6.xml |
| aqua |
see above |
| black |
see above |
| blue |
see above |
| fuchsia |
see above |
| gray |
see above |
| green |
see above |
| lime |
see above |
| maroon |
see above |
| navy |
see above |
| olive |
see above |
| purple |
see above |
| red |
see above |
| silver |
see above |
| teal |
see above |
| white |
see above |
| yellow |
see above |
| transparent |
background_color_transparent.xml |
| background-image |
|
| url |
background_image_url.xml |
| none |
background_image_none.xml |
| background-repeat |
|
| repeat |
background_repeat.xml |
| repeat-x |
background_repeat_x.xml |
| repeat-y |
background_repeat_y.xml |
| no-repeat |
background_repeat_no.xml |
| background-attachment |
|
| scroll |
background_attachment_scroll.xml |
| fixed |
background_attachment_fixed.xml |
| background-position |
|
| percentage |
background_position_pct.xml |
| em |
background_position_em.xml |
| ex |
background_position_ex.xml |
| px |
background_position_px.xml |
| in |
background_position_in.xml |
| cm |
background_position_cm.xml |
| mm |
background_position_mm.xml |
| pt |
background_position_pt.xml |
| pc |
background_position_pc.xml |
| top |
background_position_top.xml |
| center |
background_position_center.xml |
| bottom |
background_position_bottom.xml |
| left |
background_position_left.xml |
| right |
background_position_right.xml |
| top, left |
background_position_tlf.xml |
| top, center |
background_position_tctr.xml |
| top, right |
background_position_trt.xml |
| center, left |
background_position_ctrlf.xml |
| center, center |
background_position_ctrctr.xml |
| center, right |
background_position_ctrrt.xml |
| bottom, left |
background_position_btmlf.xml |
| bottom, center |
background_position_btmctr.xml |
| bottom, right |
background_position_btmrt.xml |
| background |
|
| background-color |
background_shorthand_c.xml |
| background-image |
background_shorthand_i.xml |
| background-repeat |
background_shorthand_r.xml |
| background-attachment |
background_shorthand_a.xml |
| background-position |
background_shorthand_p.xml |
| background-image, background-color |
background_shorthand_ic.xml |
| background-image, background-repeat |
background_shorthand_ir.xml |
| background-image, background-attachment |
background_shorthand_ia.xml |
| background-image, background-position |
background_shorthand_ip.xml |
| background-image, background-color, background-repeat |
background_shorthand_icr.xml |
| background-image, background-color, background-attachment |
background_shorthand_ica.xml |
| background-image, background-color, background-position |
background_shorthand_icp.xml |
| background-image, background-repeat, background-attachment |
background_shorthand_ira.xml |
| background-image, background-repeat, background-position |
background_shorthand_irp.xml |
| background-image, background-attachment, background-position |
background_shorthand_iap.xml |
| background-color, background-image, background-repeat, background-attachment,
background-position |
background_shorthand_cirap.xml |
| TEXT |
|
| word-spacing |
|
| normal |
word_spacing_normal.xml |
| em |
word_spacing_em.xml |
| ex |
word_spacing_ex.xml |
| px |
word_spacing_px.xml |
| in |
word_spacing_in.xml |
| cm |
word_spacing_cm.xml |
| mm |
word_spacing_mm.xml |
| pt |
word_spacing_pt.xml |
| pc |
word_spacing_pc.xml |
| letter-spacing |
|
| normal |
letter_spacing_normal.xml |
| em |
letter_spacing_em.xml |
| ex |
letter_spacing_ex.xml |
| px |
letter_spacing_px.xml |
| in |
letter_spacing_in.xml |
| cm |
letter_spacing_cm.xml |
| mm |
letter_spacing_mm.xml |
| pt |
letter_spacing_pt.xml |
| pc |
letter_spacing_pc.xml |
| text-decoration |
|
| none |
text_decoration_none.xml |
| underline |
text_decoration_u.xml |
| overline |
text_decoration_o.xml |
| line-through |
text_decoration_lt.xml |
| blink |
text_decoration_b.xml |
| underline, overline |
text_decoration_uo.xml |
| underline, line-through |
text_decoration_ult.xml |
| underline, blink |
text_decoration_ub.xml |
| underline, overline, line-through |
text_decoration_uolt.xml |
| underline, overline, blink |
text_decoration_uob.xml |
| overline, line-through |
text_decoration_olt.xml |
| overline, line-through, blink |
text_decoration_oltb.xml |
| line-through, blink |
text_decoration_ltb.xml |
| underline, overline, line-though, blink |
text_decoration_uoltb.xml |
| vertical-align |
|
| baseline |
vertical_align_baseline.xml |
| sub |
vertical_align_sub.xml |
| super |
vertical_align_super.xml |
| top |
vertical_align_top.xml |
| text-top |
vertical_align_texttop.xml |
| middle |
vertical_align_middle.xml |
| bottom |
vertical_align_bottom.xml |
| text-bottom |
vertical_align_textbottom.xml |
| percentage |
vertical_align_pct.xml |
| cm |
vertical_align_cm.xml |
| em |
vertical_align_em.xml |
| ex |
vertical_align_ex.xml |
| px |
vertical_align_px.xml |
| in |
vertical_align_in.xml |
| mm |
vertical_align_mm.xml |
| pt |
vertical_align_pt.xml |
| pc |
vertical_align_pc.xml |
| text-transform |
|
| capitalize |
text_transform_cap.xml |
| uppercase |
text_transform_upper.xml |
| lowercase |
text_transform_lower.xml |
| none |
text_transform_none.xml |
| text-align |
|
| left |
text_align_left.xml |
| right |
text_align_right.xml |
| center |
text_align_center.xml |
| justify |
text_align_justify.xml |
| text-indent |
|
| em |
text_indent_em.xml |
| ex |
text_indent_ex.xml |
| px |
text_indent_px.xml |
| in |
text_indent_in.xml |
| cm |
text_indent_cm.xml |
| mm |
text_indent_mm.xml |
| pt |
text_indent_pt.xml |
| pc |
text_indent_pc.xml |
| percentage |
text_indent_pct.xml |
| line-height |
|
| normal |
line_height_normal.xml |
| number |
line_height_number.xml |
| em |
line_height_em.xml |
| ex |
line_height_ex.xml |
| px |
line_height_px.xml |
| in |
line_height_in.xml |
| cm |
line_height_cm.xml |
| mm |
line_height_mm.xml |
| pt |
line_height_pt.xml |
| pc |
line_height_pc.xml |
| percentage |
line_height_percent.xml |
| BOX PROPERTIES |
|
| margin-top |
|
| em |
margin_top_em.xml |
| ex |
margin_top_ex.xml |
| px |
margin_top_px.xml |
| in |
margin_top_in.xml |
| cm |
margin_top_cm.xml |
| mm |
margin_top_mm.xml |
| pt |
margin_top_pt.xml |
| pc |
margin_top_pc.xml |
| percentage |
margin_top_pct.xml |
| auto |
margin_top_auto.xml |
| margin-right |
|
| em |
margin_right_em.xml |
| ex |
margin_right_ex.xml |
| px |
margin_right_px.xml |
| in |
margin_right_in.xml |
| cm |
margin_right_cm.xml |
| mm |
margin_right_mm.xml |
| pt |
margin_right_pt.xml |
| pc |
margin_right_pc.xml |
| percentage |
margin_right_pct.xml |
| auto |
margin_right_auto.xml |
| margin-bottom |
|
| em |
margin_bottom_em.xml |
| ex |
margin_bottom_ex.xml |
| px |
margin_bottom_px.xml |
| in |
margin_bottom_in.xml |
| cm |
margin_bottom_cm.xml |
| mm |
margin_bottom_mm.xml |
| pt |
margin_bottom_pt.xml |
| pc |
margin_bottom_pc.xml |
| percentage |
margin_bottom_pct.xml |
| auto |
margin_bottom_auto.xml |
| margin-left |
|
| em |
margin_left_em.xml |
| ex |
margin_left_ex.xml |
| px |
margin_left_px.xml |
| in |
margin_left_in.xml |
| cm |
margin_left_cm.xml |
| mm |
margin_left_mm.xml |
| pt |
margin_left_pt.xml |
| pc |
margin_left_pc.xml |
| percentage |
margin_left_pct.xml |
| auto |
margin_left_auto.xml |
| margin |
|
| 1 value |
margin_1_value.xml |
| 2 values |
margin_2_values.xml |
| 3 values |
margin_3_values.xml |
| 4 values |
margin_4_values.xml |
| padding-top |
|
| em |
padding_top_em.xml |
| ex |
padding_top_ex.xml |
| px |
padding_top_px.xml |
| in |
padding_top_in.xml |
| cm |
padding_top_cm.xml |
| mm |
padding_top_mm.xml |
| pt |
padding_top_pt.xml |
| pc |
padding_top_pc.xml |
| percentage |
padding_top_pct.xml |
| padding-right |
|
| em |
padding_right_em.xml |
| ex |
padding_right_ex.xml |
| px |
padding_right_px.xml |
| in |
padding_right_in.xml |
| cm |
padding_right_cm.xml |
| mm |
padding_right_mm.xml |
| pt |
padding_right_pt.xml |
| pc |
padding_right_pc.xml |
| percentage |
padding_right_pct.xml |
| padding-bottom |
|
| em |
padding_bottom_em.xml |
| ex |
padding_bottom_ex.xml |
| px |
padding_bottom_px.xml |
| in |
padding_bottom_in.xml |
| cm |
padding_bottom_cm.xml |
| mm |
padding_bottom_mm.xml |
| pt |
padding_bottom_pt.xml |
| pc |
padding_bottom_pc.xml |
| percentage |
padding_bottom_pct.xml |
| padding-left |
|
| em |
padding_left_em.xml |
| ex |
padding_left_ex.xml |
| px |
padding_left_px.xml |
| in |
padding_left_in.xml |
| cm |
padding_left_cm.xml |
| mm |
padding_left_mm.xml |
| pt |
padding_left_pt.xml |
| pc |
padding_left_pc.xml |
| percentage |
padding_left_pct.xml |
| padding |
|
| 1 value |
padding_1_value.xml |
| 2 values |
padding_2_values.xml |
| 3 values |
padding_3_values.xml |
| 4 values |
padding_4_values.xml |
| border-top-width |
|
| thin |
border_top_width_thin.xml |
| medium |
border_top_width_medium.xml |
| thick |
border_top_width_thick.xml |
| em |
border_top_width_em.xml |
| ex |
border_top_width_ex.xml |
| px |
border_top_width_px.xml |
| in |
border_top_width_in.xml |
| cm |
border_top_width_cm.xml |
| mm |
border_top_width_mm.xml |
| pt |
border_top_width_pt.xml |
| pc |
border_top_width_pc.xml |
| border-right-width |
|
| thin |
border_right_width_thin.xml |
| medium |
border_right_width_medium.xml |
| thick |
border_right_width_thick.xml |
| em |
border_right_width_em.xml |
| ex |
border_right_width_ex.xml |
| px |
border_right_width_px.xml |
| in |
border_right_width_in.xml |
| cm |
border_right_width_cm.xml |
| mm |
border_right_width_mm.xml |
| pt |
border_right_width_pt.xml |
| pc |
border_right_width_pc.xml |
| border-bottom-width |
|
| thin |
border_bottom_width_thin.xml |
| medium |
border_bottom_width_medium.xml |
| thick |
border_bottom_width_thick.xml |
| em |
border_bottom_width_em.xml |
| ex |
border_bottom_width_ex.xml |
| px |
border_bottom_width_px.xml |
| in |
border_bottom_width_in.xml |
| cm |
border_bottom_width_cm.xml |
| mm |
border_bottom_width_mm.xml |
| pt |
border_bottom_width_pt.xml |
| pc |
border_bottom_width_pc.xml |
| border-left-width |
|
| thin |
border_left_width_thin.xml |
| medium |
border_left_width_medium.xml |
| thick |
border_left_width_thick.xml |
| em |
border_left_width_em.xml |
| ex |
border_left_width_ex.xml |
| px |
border_left_width_px.xml |
| in |
border_left_width_in.xml |
| cm |
border_left_width_cm.xml |
| mm |
border_left_width_mm.xml |
| pt |
border_left_width_pt.xml |
| pc |
border_left_width_pc.xml |
| border-width |
|
| 1 value |
border_width_1_value.xml |
| 2 values |
border_width_2_values.xml |
| 3 values |
border_width_3_values.xml |
| 4 values |
border_width_4_values.xml |
| border-color |
|
| 1 value |
border_color_1_value.xml |
| 2 values |
border_color_2_values.xml |
| 3 values |
border_color_3_values.xml |
| 4 values |
border_color_4_values.xml |
| border-style |
|
| none |
border_style_none.xml |
| dotted |
border_style_dotted.xml |
| dashed |
border_style_dashed.xml |
| solid |
border_style_solid.xml |
| double |
border_style_double.xml |
| groove |
border_style_groove.xml |
| ridge |
border_style_ridge.xml |
| inset |
border_style_inset.xml |
| outset |
border_style_outset.xml |
| 2 values |
border_style_2_values.xml |
| 3 values |
border_style_3_values.xml |
| 4 values |
border_style_4_values.xml |
| border-top |
|
| border-top-width |
border_top_shorthand_w.xml |
| border-style |
border_top_shorthand_s.xml |
| color |
border_top_shorthand_c.xml |
| border-top-width, border-style |
border_top_shorthand_ws.xml |
| border-top-width, color |
border_top_shorthand_wc.xml |
| border-style, color |
border_top_shorthand_sc.xml |
| border-top-width, border-style, color |
border_top_shorthand_wsc.xml |
| border-right |
|
| border-right-width |
border_right_shorthand_w.xml |
| border-style |
border_right_shorthand_s.xml |
| color |
border_right_shorthand_c.xml |
| border-right-width, border-style |
border_right_shorthand_ws.xml |
| border-right-width, color |
border_right_shorthand_wc.xml |
| border-style, color |
border_right_shorthand_sc.xml |
| border-right-width, border-style, color |
border_right_shorthand_wsc.xml |
| border-bottom |
|
| border-bottom-width |
border_bottom_shorthand_w.xml |
| border-style |
border_bottom_shorthand_s.xml |
| color |
border_bottom_shorthand_c.xml |
| border-bottom-width, border-style |
border_bottom_shorthand_ws.xml |
| border-bottom-width, color |
border_bottom_shorthand_wc.xml |
| border-style, color |
border_bottom_shorthand_sc.xml |
| border-bottom-width, border-style, color |
border_bottom_shorthand_wsc.xml |
| border-left |
|
| border-left-width |
border_left_shorthand_w.xml |
| border-style |
border_left_shorthand_s.xml |
| color |
border_left_shorthand_c.xml |
| border-left-width, border-style |
border_left_shorthand_ws.xml |
| border-left-width, color |
border_left_shorthand_wc.xml |
| border-style, color |
border_left_shorthand_sc.xml |
| border-left-width, border-style, color |
border_left_shorthand_wsc.xml |
| border |
|
| border-width |
border_shorthand_w.xml |
| border-style |
border_shorthand_s.xml |
| color |
border_shorthand_c.xml |
| border-width, border-style |
border_shorthand_ws.xml |
| border-width, color |
border_shorthand_wc.xml |
| border-style, color |
border_shorthand_sc.xml |
| border-width, border-style, color |
border_shorthand_wsc.xml |
| width |
|
| em |
width_em.xml |
| ex |
width_ex.xml |
| px |
width_px.xml |
| in |
width_in.xml |
| cm |
width_cm.xml |
| mm |
width_mm.xml |
| pt |
width_pt.xml |
| pc |
width_pc.xml |
| percentage |
width_pct.xml |
| auto |
width_auto.xml |
| height |
|
| em |
height_em.xml |
| ex |
height_ex.xml |
| px |
height_px.xml |
| in |
height_in.xml |
| cm |
height_cm.xml |
| mm |
height_mm.xml |
| pt |
height_pt.xml |
| pc |
height_pc.xml |
| auto |
height_auto.xml |
| float |
|
| left |
float_left.xml |
| right |
float_right.xml |
| none |
float_none.xml |
| clear |
|
| none |
clear_none.xml |
| left |
clear_left.xml |
| right |
clear_right.xml |
| both |
clear_both.xml |
| CLASSIFICATION PROPERTIES |
|
| display |
|
| block |
display_block.xml |
| inline |
display_inline.xml |
| list-item |
display_list_item.xml |
| none |
display_none.xml |
| white-space |
|
| normal |
white_space_normal.xml |
| pre |
white_space_pre.xml |
| nowrap |
white_space_nowrap.xml |
| list-style-type |
|
| disc |
list_style_type_disc.xml |
| circle |
list_style_type_circle.xml |
| square |
list_style_type_square.xml |
| decimal |
list_style_type_decimal.xml |
| lower-roman |
list_style_type_lower_roman.xml |
| upper-roman |
list_style_type_upper_roman.xml |
| lower-alpha |
list_style_type_lower_alpha.xml |
| upper-alpha |
list_style_type_upper_alpha.xml |
| none |
list_style_type_none.xml |
| list-style-image |
|
| url |
list_style_image_url.xml |
| none |
list_style_image_none.xml |
| list-style-position |
|
| inside |
list_style_position_inside.xml |
| outside |
list_style_position_outside.xml |
| list-style |
|
| list-style-type |
liststyle_shorthand_t.xml |
| list-style-image |
liststyle_shorthand_i.xml |
| list-style-position |
liststyle_shorthand_p.xml |
| list-style-type, list-style-image |
liststyle_shorthand_ti.xml |
| list-style-type, list-style-position |
liststyle_shorthand_tp.xml |
| list-style-image, list-style-position |
liststyle_shorthand_ip.xml |
| list-style-type, list-style-image, list-style-position |
liststyle_shorthand_tip.xml |