Test passes if the ring pictures width of the left is as same as the right
+
+
diff --git a/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_negative_not_allowed.html b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_negative_not_allowed.html
new file mode 100644
index 000000000..55d64dd12
--- /dev/null
+++ b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_negative_not_allowed.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+ CSS3 Backgrounds Test: CSS3BG_border-image-width_negative_not_allowed
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomleft_omitted.html b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomleft_omitted.html
new file mode 100644
index 000000000..2ea15382f
--- /dev/null
+++ b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomleft_omitted.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+ CSS3 Backgrounds Test: CSS3BG_border-radius_bottomleft_omitted
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomright_bottomleft_omitted.html b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomright_bottomleft_omitted.html
new file mode 100644
index 000000000..9c01bdef3
--- /dev/null
+++ b/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomright_bottomleft_omitted.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+ CSS3 Backgrounds Test: CSS3BG_border-radius_bottomright_bottomleft_omitted
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-backgrounds-css3-tests/tests.xml b/tct-backgrounds-css3-tests/tests.xml
index 749fa83b5..6ee86c3e6 100644
--- a/tct-backgrounds-css3-tests/tests.xml
+++ b/tct-backgrounds-css3-tests/tests.xml
@@ -10829,6 +10829,384 @@
+
+
+
+
+ Check if each box has a possible default completely transparent background layer
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background_default_layer.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Each box has a background layer that may be fully transparent (the default)
+
+
+
+
+
+
+
+ Check if the other individual properties are set to their initial values when only partial values for 'background' has been given
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background_example_equivalent.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ In the first rule of the following example, only a value for âbackground-colorâ has been given and the other individual properties are set to their initial values.In the second rule, many individual properties have been specified.
+
+
+
+
+
+
+
+ Check if the image values of the lists are matched up from the first value: excess values at the end are not used
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_excess_values.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. The lists are matched up from the first value: excess values at the end are not used.
+
+
+
+
+
+
+
+ Check if the UA calculate its used value by repeating the list of values until there are enough
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_no_enough_comma-separated_values.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough
+
+
+
+
+
+
+
+ Check if a value of 'none' counts as an image layer but draws nothing
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_none.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ A value of ' none ' counts as an image layer but draws nothing
+
+
+
+
+
+
+
+ Check if only one value is specified, the second value is assumed to be center
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-position_only_one.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ If only one value is specified, the second value is assumed to be âcenterâ
+
+
+
+
+
+
+
+ Check if negative values are not allowed
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-size_negative.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Negative values are not allowed
+
+
+
+
+
+
+
+ Check if border-radius bottom-left value omitted it is the same as top-right
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomleft_omitted.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ The âborder-radiusâ shorthand sets all four âborder-*-radiusâ properties. If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left
+
+
+
+
+
+
+
+ Check if border-radius bottom-right and bottom-left omitted it is the same as top-left and top-right
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomright_bottomleft_omitted.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ The âborder-radiusâ shorthand sets all four âborder-*-radiusâ properties. If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left
+
+
+
+
+
+
+
+ Check if the positive values represent an offset inward from the edge of the background positioning area
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-posiltion_offset_inward.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Positive values represent an offset inward from the edge of the background positioning area
+
+
+
+
+
+
+
+ Check if the negative values represent an offset outward from the edge of the background positioning area
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-posiltion_offset_outward.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Negative values represent an offset outward from the edge of the background positioning area
+
+
+
+
+
+
+
+ Check if the negative values of 'border-image-slice' are interpreted as 100%
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_negative_interpreted_100pct.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Negative values are not allowed and values bigger than the size of the image are interpreted as â100%â
+
+
+
+
+
+
+
+ Check if the border-image-width value is negative
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_negative_not_allowed.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Negative values are not allowed for any âborder-image-widthâ values
+
+
+
+
+
+
+
+ Check if the border-image-outset value is negative
+ Pass
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_negative_not_allowed.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ Negative values are not allowed for any of the âborder-image-outsetâ values
+
+
+
+
+
+
+
+ Check if a length value gives a fixed length as the offset
+ the image is positioned form the right border edge and the bottom border edge
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-position_2cm_1cm.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ A length value gives a fixed length as the offset. For example, with a value pair of â2cm 1cmâ, the upper left corner of the image is placed 2cm to the right and 1cm below the upper left corner of the background positioning area
+
+
+
+
+
+
+
+ Check if the border-image-slice left and bottom value is missing it is the same as the right and top
+ the ring pictures width of two sides is the same and the top picture is same to the bottom
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_left_bottom_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ When four values are specified, they set the offsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top
+
+
+
+
+
+
+
+ Check if the border-image-slice left value is missing it is the same as the right
+ the left orange area is same to the right
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_left_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ When four values are specified, they set the offsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top
+
+
+
+
+
+
+
+ Check if the border-image-width left and bottom value is missing
+ the ring pictures width of two sides is the same and the top picture is same to the bottom
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_left_bottom_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ If the left width is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top. Values have the following meanings
+
+
+
+
+
+
+
+ Check if the border-image-width left value is missing it is the same as the right
+ the ring pictures width of the left is as same as the right
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_left_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ If the left width is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top. Values have the following meanings
+
+
+
+
+
+
+
+ Check if the border-image-outset left and bottom value is missing,it is the same as the right and top
+ the distance to both side ring pictures are the same, the top is same to the bottom
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_left_bottom_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ If it has four values, they set the outsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top
+
+
+
+
+
+
+
+ Check if the border-image-outset left value is missing it is the same as the right
+ the distance to both side ring pictures are the same
+
+
+ /opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_left_value_miss.html
+
+
+
+
+ http://www.w3.org/TR/2012/CR-css3-background-20120724/
+ If it has four values, they set the outsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top
+
+
+
diff --git a/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_initial.html b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_initial.html
new file mode 100644
index 000000000..b803cb00f
--- /dev/null
+++ b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_initial.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+ CSS3 MultiColumn Test: CSS3Multicolumn_column-count_initial
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html
new file mode 100644
index 000000000..32cb0b266
--- /dev/null
+++ b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+ CSS3 MultiColumn Test: CSS3Multicolumn_column-count_max-height_overflow_visible
+
+
+
+
+
+
+
+
+
+
Assertion:If the height of the multi-column element has been constrained to a maximum height
+
Test passes if the last column is not inside the blue border.
+
+
+
+
+
Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+
+
+
+
+
tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+
+
+
+
+
M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Assertion:If both column-width and column-count have non-auto values, the integer value describes the maximum number of columns
+
+
Test passes if the text inside green box is divided to three columns.
+
+
+
+
welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it
Test passes if the right side of the cat image is clipped by the yellow line
+
+
+
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Assertion:If the column rule and the column gap have the same width
+
+
Test passes if no black lines on yellow lines.
+
+
+
+
+
+
Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+
+
+
+
+
tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+
+
+
+
+
M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Test passes if the first column have some blank lines and the cat image is in the second column
+
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ def g hij klm nopqrs
+ def g hij klm nopqrs
+ def g hij klm nopqrs
+
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+
Assertion:If column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element
+
+
Test passes if there is a black block in the middle and cover some text.
+
+
+
+
welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it
Assertion:If column-span to all, all content that appear before the h2 element is shown before the h2 element
+
+
Test passes if silver box text 'An H2 element Test' across all columns.
+
+
+
+
+
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+
An H2 element Test
+ def g hij klm nopqrs
+
+
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+
+
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Test passes if the width of the cat image is the same as the width of the column
+
+
+
Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+
+
+
+
+
M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Test passes if the cat image is on the right of the text of the column
+
+
+
Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+
+
+
+
M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+
+ pqr stu vw xyz. A bc
+ def g hij klm nopqrs
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw
+ x yz. Abc def ghi jkl.
+ M nop qrst uv wx yz.
+ Ab cde fgh i jkl. Mno
+ Pqr stu vw xyz.
+
Assertion: The available space is smaller than the specified column width and the actual column width will therefore be decreased.
+
+
Test passes if the green text column and the pink text box is the same width
+
+
+
welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it
Assertion:If all column boxes in a row have the same column width, and all column boxes in a row have the same column height
+
+
Test passes if yellow lines split into three columns and the column width and height are the same.
+
+
+
+
+ welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here!This is a column width Tests. please test it
+
+
+
diff --git a/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_initial.html b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_initial.html
new file mode 100644
index 000000000..64ed9f92f
--- /dev/null
+++ b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_initial.html
@@ -0,0 +1,58 @@
+
+
+
+
+
+ CSS3 MultiColumn Test: CSS3Multicolumn_columns_initial
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_shorthand.html b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_shorthand.html
new file mode 100644
index 000000000..033154141
--- /dev/null
+++ b/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_shorthand.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+ CSS3 MultiColumn Test: CSS3Multicolumn_columns_shorthand
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tct-multicolumn-css3-tests/tests.xml b/tct-multicolumn-css3-tests/tests.xml
index 4e2ee58dc..335c4d242 100644
--- a/tct-multicolumn-css3-tests/tests.xml
+++ b/tct-multicolumn-css3-tests/tests.xml
@@ -2743,6 +2743,406 @@
+
+
+
+
+
+
+ Check if the element is set to have the number of columns,the width of columns,and both the number and width are set
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_shorthand.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the number of columns, the width of columns, and both the number and width are set
+
+
+
+
+
+
+
+
+
+ Check if the column-rule is a shorthand property and by the column-rule-width,column-rule-style,column-rule-color
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_shorthand.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ Another group of properties introduced in this module describe gaps and rules between columns.
+
+
+
+
+
+
+
+
+
+ Check if all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_initial.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ If all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column.
+
+
+
+
+
+
+
+
+
+ Check if column width not set value automatically calculate the width of the column
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_initial.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the column width will be determined by other properties
+
+
+
+
+
+
+
+
+
+ Check if column count not set value according to the column width automatically calculate the number of columns
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_initial.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ means that the number of columns will be determined by other properties (e.g., âcolumn-widthâ, if it has a non-auto value).
+
+
+
+
+
+
+
+
+
+ Check if column rule property initial value
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_initial.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ Omitted values are set to their initial values
+
+
+
+
+
+
+
+
+
+ Check if the column-rule-style value set none column-rule-width got value is 0px
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_0px_none.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ â0â if the column rule style is ânoneâ or âhiddenâ
+
+
+
+
+
+
+
+
+
+ Check if the column-rule-style value set hidden column-rule-width got value is 0px
+ Pass
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_0px_hidden.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ â0â if the column rule style is ânoneâ or âhiddenâ
+
+
+
+
+
+
+
+
+
+ Check if all column boxes in a row have the same column width, and all column boxes in a row have the same column height
+ yellow lines split into three columns and the column width and height are the same
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_same.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ All column boxes in a row have the same column width, and all column boxes in a row have the same column height.
+
+
+
+
+
+
+
+
+
+ Check if the width of the image is set with these rules
+ the width of the cat image is the same as the width of the column
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_image_custom_png.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the width of the image is set with these rules
+
+
+
+
+
+
+
+
+
+ Check if the width of the image is set float right
+ the cat image is on the right of the text of the column
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_image_custom_png_float_right.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ Floats that appear inside multi-column layouts are positioned with regard to the column box where the float appears.
+
+
+
+
+
+
+
+
+
+ Check if the available space is smaller than the specified column width and the actual column width will therefore be decreased
+ the green text column and the pink text box is the same width
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_no_available_space.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ The available space is smaller than the specified column width and the actual column width will therefore be decreased.
+
+
+
+
+
+
+
+
+
+ Check if both column-width and column-count have non-auto values, the integer value describes the maximum number of columns
+ the text inside green box is divided to three columns
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_maximum_columns.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ both âcolumn-widthâ and âcolumn-countâ have non-auto values, the integer value describes the maximum number of columns
+
+
+
+
+
+
+
+
+
+ Check if a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element
+ there is a black block in the middle and cover some text
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_wider_than_gap.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ If a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element.
+
+
+
+
+
+
+
+
+
+ Check if the column rule and the column gap have the same width
+ no black lines on yellow lines
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-gap_width_same.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the column rule and the column gap have the same width. Therefore, they will occupy exactly the same space.
+
+
+
+
+
+
+
+
+
+ Check if a tall image is moved to a column on the next page to find room when the column do not have enough space to place it
+ the first column have some blank lines and the cat image is in the second column
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_image_left_empty.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ a tall image is moved to a column on the next page to find room for it, its natural column may be left empty
+
+
+
+
+
+
+
+
+
+ Check if column-span to all, all content that appear before the h2 element is shown before the h2 element
+ silver box text 'An H2 element Test' across all columns
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-span_all_background_silver.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ By setting âcolumn-spanâ to âallâ, all content that appear before the h2 element is shown before the h2 element
+
+
+
+
+
+
+
+
+
+ Check if the H2 element appears in the overflow and there is not room to make the element spanning
+ silver box text 'An H2 element Test' no across all columns
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-span_none_background_silver.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the H2 element appears in the overflow and there is not room to make the element spanning. As a result, the element appears as if âcolumn-span: noneâ was specified.
+
+
+
+
+
+
+
+
+
+ Check if the image is wider than the column, and is therefore clipped
+ the right side of the cat image is clipped by the yellow line
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-gap_image_custom_png_clipped.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the black image is wider than the column, and is therefore clipped
+
+
+
+
+
+
+
+
+
+ Check if the height of the multi-column element has been constrained to a maximum height
+ the last column is not inside the blue border
+
+
+ /opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html
+
+
+
+
+ http://www.w3.org/TR/2011/CR-css3-multicol-20110412/
+ the height of the multi-column element has been constrained to a maximum height. Also, the style sheet specifies that overflowing content should be visible
+
+
+